import router from '@/router'
import store from '@/store'
router.beforeEach(async(to, from, next) => {
  const token = store.getters.token
  const url = to.path
  const whiteList = ['/login', '/404', '/test']
  // 1.已登录 去登录页->跳转首页
  if (token && url === '/login') {
    next('/')
  }
  // 2.已登录 去其他页面->放行
  if (token && url !== '/login') {
    if (!store.state.user.userInfo.userId) {
      await store.dispatch('user/getUserInfo')
      const res = await store.dispatch('permission/filterRouters', store.getters.menus)
      router.addRoutes([
        ...res,
        { path: '*', redirect: '/404', hidden: true }
      ])
      // 处理刷新空白的问题
      // 第一遍在静态路由中寻找，但是404已结被移动到这
      // 且静态路由中不存在所寻找到，所有导致页面刷新显示空白页
      // 处理方法：在添加动态路由后在加载一次路由跳转，跳转原路径
      next(to.path)
    } else {
      next()
    }
  }
  // 3.未登录 在白名单->放行
  if (!token && whiteList.indexOf(url) !== -1) {
    next()
  }
  // 4.未登录 不在白名单->跳转登录页
  if (!token && whiteList.indexOf(url) === -1) {
    next('/login')
  }
  // 有token
  // if (store.getters.token) {
  //   // 有token还要去登陆页直接跳转到首页
  //   if (to.path === '/login') {
  //     next('/')
  //   } else {
  //     // 判断用户信息是否存在，不存在就发起请求
  //     if (!store.state.user.userInfo.userId) {
  //       await store.dispatch('user/getUserInfo')
  //     }
  //     // 有token去其他页面直接放行
  //     next()
  //   }
  // } else {
  //   // 无token
  //   const list = ['/login', '/404', '/test']
  //   if (list.indexOf(to.path) !== -1) {
  //     // 在白名单内，直接放行
  //     next()
  //   } else {
  //     // 不在白名单，跳转到登陆页
  //     next('/login')
  //   }
  // }
})
